<template>
    <view class="container">
        <text class="header row">
            添加老师微信，将为您规划、解锁课程
        </text>
        <image class="qr" src="/static/images/services/services-qr.jpg" mode="widthFix" :show-menu-by-longpress="true">
        </image>
        <text class="footer row">
            长按识别二维码、扫描二维码
        </text>
    </view>
</template>

<script>
    export default {
        data() {
            return {

            };
        }
    }
</script>

<style lang="scss">
    .container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

        .row {
            display: flex;
            flex-direction: column;
            text-align: center;
            padding: 0 40rpx;
        }

        .header {
            margin-bottom: 80rpx;
            font-size: 34rpx;
            font-weight: 800;
            color: #21b1ff;
        }

        .qr {
            width: 100%;
        }

        .footer {
            margin-top: 80rpx;
            font-size: 28rpx;
            color: #999;
        }
    }
</style>